<template>
	<view class="">
		<view class="main-con ">
			<view class="logo-con flex-col justify-center items-center"><image :src="ImageUrl + '/1/logo.png'" mode="" class="logo"></image></view>
		</view>
		<view class="main-con">
			<view class="item-con b-b">
				<view class="">客服电话</view>
				<view class="">{{info.phone}}</view>
			</view>
			<view class="item-con b-b">
				<view class="">企业邮箱</view>
				<view class="">{{info.mail}}</view>
			</view>
			<view class="item-con b-b">
				<view class="">公司地址</view>
				<view class="right">{{info.address}}</view>
			</view>
			<view class="item-con b-b" @click="navTo('/pages/public/fuwenben?type=5&name=用户协议')">
				<view class="">用户协议</view>
				<u-icon name="arrow-right" size="22"></u-icon>
			</view>
			<view class="item-con b-b" @click="navTo('/pages/public/fuwenben?type=6&name=免责声明')">
				<view class="">免责声明</view>
				<u-icon name="arrow-right" size="22"></u-icon>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			info: {}
		};
	},
	onLoad() {
		this.loadData();
	},
	methods: {
		async loadData() {
			const res = await this.$request('content/text1', {}, { showLoading: true });
			if (res.result == 0) {
				this.info = res.data;
			} else {
				this.$util.msg(res.resultNote);
			}
		}
	}
};
</script>
<style>
page {
	background: #ffffff;
}
</style>
<style scoped lang="scss">
.logo-con {
	padding: 100rpx 0;
}
.logo {
	width: 220rpx;
	height: 220rpx;
}
.main-con {
	padding: 20rpx;
}
.item-con {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 30rpx;
	font-weight: bold;
	color: #333333;
	line-height: 90rpx;
}
.right {
	max-width: 68%;
	line-height: 40rpx;
}
</style>
